<script setup lang='ts'>
// 在组合式 API 中接收 props 可以通过 defineProps 进行接收
// const props = defineProps(['name', 'age', 'msg'])
const props = defineProps({
    // 当接收 props 时候，如果需要做属性的验证，类型首字母要使用大写
    name: String,
    age: Number,
    msg: String
})


const emit = defineEmits(['change-name'])


function btnClick(){
    // 给父组件传递数据
    // this.$emit('change-name','哈哈哈哈哈')

    emit('change-name','哈哈哈哈哈哈哈哈哈')
}
</script>
<template>
    <div >
    <button @click='btnClick'>给父组件传递数据</button>
    子组件
        -- {{props.name}} -- {{props.age}} -- {{ props.msg }}
    </div>
</template>
<style>
    
</style>